<!-- 推荐商铺 -->
<template>
	<view class='shop'>
			<view class='shop-item' v-for='(item,index) in dataList' :key='index'>
				<view class='shop-big'>
					<image class='shop-big' :src="item.bigUrl" mode=""></image>
				</view>
				<scroll-view scroll-x="true" class='scroll-content'>
					<view class='scroll-item'>
						<Commodity 
							:dataList='item.data'
							wrap='no-wrap'
							itemW='200rpx'
							bigH='200rpx'
							nameSize='20rpx'
						></Commodity>
					</view>
				</scroll-view>
			</view>
		</view>
</template>

<script setup>
import Commodity from '../common/Commodity.vue'
const props = defineProps({
		dataList:{
			type: Array,
		},
	})
</script>

<style scoped>
.shop-big{
	width: 100%;
}
.shop-img{
	width: 100%;
	height: 375rpx;
}
.scroll-content{
	width: 100%;
	white-space: nowrap;
}
.scroll-item{
	display: inline-block;
}
</style>